@(formLogin: Form[Application.Login], formCreateAccount: Form[Application.CreateAccount])
@import helper._
@implicitField = @{ FieldConstructor(formCustom.f) }
<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.min.css")" />
    <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/flat-ui.css")" />
    <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/login.css")">
    <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap-responsive.min.css")" />
    <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
    <script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/bootstrap.min.js")" type="text/javascript"></script>
</head>
<body>
    <div id="cadre-presentation">
        <div id="presentation" class="visible-desktop box-page-login">
            <h1>Bienvenue sur Kiry</h1>
            <p>
                <h3>Ne passez plus à côté des meilleures jeux et terminez ceux que vous possédez déjà!</h3>
            </p>
        </div>
        <div class="box-indentification box-page-login" id="box-login">
            @helper.form(routes.Application.authenticate) {
                <h1>Connexion</h1>
                <p class="control-group error" style="height: 20px;">
                    @if(formLogin.hasGlobalErrors) {
                        <span class="help-inline">@formLogin.globalError.message</span>
                    }
                </p>
                @inputText(formLogin("email"), 'placeholder -> "E-mail", 'type -> "email")
                @inputPassword(formLogin("password"), 'placeholder -> "Password", '_error -> "test")
                @checkbox(formLogin("rememberMe"), 'id -> "rememberMeLogin")
                <label for="rememberMeLogin">Garder la session active</label>
                <button class="btn btn-large" type="submit">Connexion</button>
            }
        </div>
        <div class="box-indentification box-page-login" id="box-create-account">
            @helper.form(routes.Application.createAccount) {
                <h1>Nouveau compte</h1>
                @if(formCreateAccount.hasGlobalErrors) {
                    <p class="error">
                        @formCreateAccount.globalError.message
                    </p>
                }
                @inputText(formCreateAccount("name"), 'placeholder -> "Votre nom")
                @inputText(formCreateAccount("email"), 'placeholder -> "E-mail", 'type -> "email")
                @inputPassword(formCreateAccount("password"), 'placeholder -> "Password")
                @checkbox(formCreateAccount("rememberMe"), 'id -> "rememberMeCreateAccount")
                <label for="rememberMeCreateAccount">Garder la session active</label>
                <button class="btn btn-large btn-info" type="submit">Créer un compte</button>
            }
        </div>
    </div>
</body>
</html>